<template>
    <div>
        <div class="container-fluid field">
            <div class="list-group">
                <div class="list-group-item">
                    <ul class="media-list">
                        <li class="media">
                            <div class="media-left">
                                <a href="#">
                                    <img class="media-object" src="./img/2.jpg" height="50" width="50">
                                </a>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">
                                    <router-link to="/log" class="link">
                                        登录 /注册 <span class="glyphicon glyphicon-menu-right"></span>
                                    </router-link>
                                </h4>
                                ...
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="list-group">
                <a class="list-group-item">
                    <h5>了解会员<span class="glyphicon glyphicon-menu-right"></span></h5>
                </a>
                <a class="list-group-item">
                    <h5>我的收藏<span class="glyphicon glyphicon-menu-right"></span></h5>
                </a>
                <a class="list-group-item">
                    <h5>我的礼卷<span class="glyphicon glyphicon-menu-right"></span></h5>
                </a>
                <a class="list-group-item">
                    <h5>我的福袋<span class="glyphicon glyphicon-menu-right"></span></h5>
                </a>
                <a class="list-group-item">
                    <h5>我的订阅<span class="glyphicon glyphicon-menu-right"></span></h5>
                </a>
            </div>
            <div class="list-group">
                <a class="list-group-item">
                    <h5>条件好友<span class="glyphicon glyphicon-menu-right"></span></h5>
                </a>
                <a class="list-group-item">
                    <h5>评论<span class="glyphicon glyphicon-menu-right"></span></h5>
                </a>
                <a class="list-group-item">
                    <h5>赞<span class="glyphicon glyphicon-menu-right"></span></h5>
                </a>
                <a class="list-group-item">
                    <h5>聊天<span class="glyphicon glyphicon-menu-right"></span></h5>
                </a>
            </div>
            <div class="list-group">
                <a class="list-group-item">
                    <h5>设置<span class="glyphicon glyphicon-menu-right"></span></h5>
                </a>
                <a class="list-group-item">
                    <h5>退出账号<span class="glyphicon glyphicon-menu-right"></span></h5>
                </a>
            </div>
        </div>
    </div>

</template>

<script>
    export default {

    }
</script>

<style lang="scss">
    .field{
        margin-top:10px;
        margin-bottom: 50px;
        .link{
            color: rgba(95, 99, 91, 0.63);
        }
    }

</style>